/*!
 * Bootstrap v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// Fonts
@import url("http://fonts.googleapis.com/css?family=Lato:700");
@import "font-awesome.less";

// Core variables and mixins
@import "bootstrap/variables.less";
@import "timely-variables.less"; // Modify this for custom colors, fonts, etc.
@import "bootstrap/mixins.less";

// ==========================
// = Unnamespaced includes =
// ==========================
// These remain unnamespaced so that modals and body-level colorpickers are
// styled properly.
@import "bootstrap/modals.less";
@import "bootstrap/dropdowns.less";
@import "bootstrap/popovers.less";
@import "bootstrap/tooltip.less";
@import "bootstrap/component-animations.less";

// ==========================
// = Unnamespaced overrides =
// ==========================
// Popovers
.popover-title {
	.border-radius( 4px 4px 0 0 );
	font-family: @headingsFontFamily;
	font-size: @baseFontSize * 1.25 !important;
	margin: 0 !important;
}
.popover-content p {
	margin: 0;
}
.popover-inner {
	background-color: @dropdownBorder;
	padding: 1px;
}
.popover-content {
	.border-radius( 0 0 4px 4px );
}
.popover {
  padding: 8px;
  &.top    { margin-top:  -8px; }
  &.right  { margin-left:  8px; }
  &.bottom { margin-top:   8px; }
  &.left   { margin-left: -8px; }
  &.top .arrow    { #popoverArrow > .top( 8px, @dropdownBorder ); }
  &.right .arrow  { #popoverArrow > .right( 8px, @dropdownBorder ); }
  &.bottom .arrow { #popoverArrow > .bottom( 8px, @dropdownBorder ); }
  &.left .arrow   { #popoverArrow > .left( 8px, @dropdownBorder );  }
  ul.icons {
  	text-indent: -0.6em;
  }
}
.timely ul.dropdown-menu {
	list-style: none;
	margin: 0;
	li {
		margin: 0;
	}
}

.timely {
	// CSS Reset
	@import "bootstrap/reset.less";

	// Grid system and page structure
	@import "bootstrap/scaffolding.less";
	@import "bootstrap/grid.less";
	@import "bootstrap/layouts.less";

	// Base CSS
	@import "bootstrap/type.less";
	@import "bootstrap/code.less";
	@import "bootstrap/forms.less";
	@import "bootstrap/tables.less";

	// Components: common
	// @import "bootstrap/sprites.less";

	@import "bootstrap/wells.less";
	@import "bootstrap/close.less";

	// Components: Buttons & Alerts
	@import "bootstrap/buttons.less";
	@import "bootstrap/button-groups.less";
	@import "bootstrap/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

	// Components: Nav
	@import "bootstrap/navs.less";
	@import "bootstrap/navbar.less";
	//@import "bootstrap/breadcrumbs.less";
	//@import "bootstrap/pagination.less";
	//@import "bootstrap/pager.less";

	// Components: Misc
	//@import "bootstrap/thumbnails.less";
	@import "bootstrap/labels.less";
	//@import "bootstrap/badges.less";
	//@import "bootstrap/progress-bars.less";
	@import "bootstrap/accordion.less";
	//@import "bootstrap/carousel.less";
	@import "bootstrap/hero-unit.less";

	// Utility classes
	@import "bootstrap/utilities.less"; // Has to be last to override when necessary

	// Adjustments.
	font-family: @baseFontFamily;
	font-size: @baseFontSize;
	font-weight: 300;
	line-height: @baseLineHeight;
	color: @textColor;

	// Type
	.hero-unit {
		padding: 30px;
		margin-bottom: 15px;
	}
	.hero-unit h1 {
		color: @headingsColor;
	}
	h4 {
		font-size: 16px;
		line-height: @baseLineHeight * 1.5;
	}
	hr {
		margin: 14px 0;
	}

	// Forms
	.help-block,
	.help-inline {
		color: #777;
	}
	fieldset {
		.well;
		.well-small;
		background-color: mix( @bodyBackground, @textColor, 96% );
		margin: 0 0 @baseLineHeight;
		position: relative;
		top: @baseLineHeight / 3;
		:last-child {
			margin-bottom: 0;
		}
	}
	legend {
		background: mix( @bodyBackground, @textColor, 96% );
		border: 1px solid #eee;
		border: 1px solid rgba(0, 0, 0, 0.05);
		.border-radius( 3px );
		.box-shadow( inset 0 1px 1px rgba(0, 0, 0, 0.05) );
		.box-sizing( border-box );
		margin: 0;
		padding: 3px 6px;
		font-size: @baseFontSize;
		line-height: @baseLineHeight;
	}

	// Tabs
	.nav-tabs {
		margin-bottom: 0;
	}

	// Collapse & accordions
	.ai1ec-overflow-visible {
		overflow: visible;
	}
	.accordion {
		margin-bottom: 0;
	}
	.accordion-group {
		background-color: @bodyBackground;
		table {
			margin-bottom: 0;
		}
	}
	.accordion-heading {
		text-transform: uppercase;
		i:before {
			font-size: 1.1em;
			width: 1.25em;
			text-align: center;
		}
		a:hover {
			text-decoration: none;
		}
	}

	// Code
	pre {
		overflow: auto;
		white-space: nowrap;
	}

	// Icons
	ul.icons {
		list-style-type: none;
	}

	// Restore WP styles.
	a.button-primary {
		color: #fff;
		&:hover {
			color: #EAF2FA;
			text-decoration: none;
		}
	}
	input[type="text"] {
		height: 28px;
		line-height: 28px;
	}
	input[type="file"] {
		border: 0;
		height: auto;
		line-height: inherit;
		padding: 0;
	}
	.ai1ec-facebook-multiselect {
		width: 100%;
		color: black;
	}
}

.ai1ec-loader-icon {
	background: url('../img/ajax-loader.gif') no-repeat center center;
	display: inline-block;
	height: 32px;
	width: 32px;
	vertical-align: bottom;
}
.ai1ec-loader-icon-small {
	background: url('../img/ajax-loader-small.gif') no-repeat center center;
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: bottom;
}

.ai1ec-tooltip-toggle {
  cursor: help;
  border-bottom: 1px dotted @grayLight;
}

// =============================================================================
// = Gmaps Autocomplete results (should be synced with vortex/less/style.less) =
// =============================================================================

.ai1ec-geo-ac-results-not-ready {
	// Hide by default (using a hiding attribute unused by the library).
	// Only show once we have had a chance to do some markup-based styling in JS.
	visibility: hidden;
}
.ai1ec-geo-ac-results {
	img {
		float: left;
		margin-right: 5px;
	}
	.dropdown-menu {
		display: block;
		width: 275px;
		li {
			clear: left;
			color: @dropdownLinkColor;
			cursor: pointer;
			margin: 2px 0;
			padding: 0 5px;
			&:hover {
				color: @dropdownLinkColorHover;
				background-color: @dropdownLinkBackgroundHover;
			}
		}
	}
}
.modal-open .ai1ec-geo-ac-results {
	z-index: @zindexDropdown + @zindexModal;
}
